<template>
	<view class="container">		
		<view class="wrap" v-for="(item,index) in wrapList" :key="item.key">
			<view class="wrap_tit">
				<view class="wrap_top">
					<view class="wrap_name">{{item.name}}</view>
					<view class="wrap_count">+{{item.count}}</view>
				</view>
				<view class="wrap_bottom">
					<view>{{item.time}}</view>
					<view>可提现余额:¥{{item.money}}</view>
				</view>
			</view>
		</view>
		
		<view class="no-data">
			<p>~没有更多内容~</p>
		</view>
	</view>
</template>

<script>

	export default {
		data() {
			return {
				order: {},
				wrapList:[
					{
						name:'分享返利',
						count:'10',
						time:"2020-07-29  19:15",
						money:"800.00",
					},
				]
			}
		},

		onLoad() {
			this.tui.request('/app/profit/withdrawalList', 'GET', {},false,false,false,).then(res => {
				console.log(res);
				this.wrapList = res.data.list
			})


		},
		created() {
			
		},

		computed: {
			
		},

		methods: {
			
		}
	}
</script>

<style lang='scss'>
	page {
		background: #FAFAFA;
	}
	
	.wrap{
		padding: 20upx 20upx;
		display: flex;
		align-items: center;
		background-color: #ffffff;
		border-bottom: 1px solid rgba(242,242,242,1);
		
		.wrap_img{
			width: 15%;
			text-align: center;
				
			image{
				width: 90upx;
				height: 90upx;
			}
		}
		
		.wrap_tit{
			width: 100%;
			color: #333333;
			font-size: 14px;
			padding-left: 18upx;
			
			.wrap_top{
				display: flex;
				align-items: center;
				justify-content: space-between;
				
				.wrap_name{
					font-size:32upx;
					font-family:PingFang SC;
					font-weight:400;
					color:rgba(51,51,51,1);
					line-height:29px;
					padding-right: 12upx;
				}
				.wrap_count{
					font-size:32upx;
					font-family:PingFang SC;
					font-weight:bold;
					color:rgba(255,0,0,1);
					line-height:29px;
				}
				
				
			}
			.wrap_bottom{
				display: flex;
				align-items: center;
				justify-content: space-between;
				
				font-size:24upx;
				font-family:PingFang SC;
				font-weight:400;
				color:rgba(153,153,153,1);
				line-height:29px;
				
				
			}
			
		}
		
	}
	/* 暂无数据 */
	.no-data {
		font-size: 24upx;
		line-height: 40upx;
		margin: 50upx 0;
		text-align: center;
		color: #CCCCCC;
	}
</style>
